<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - LOGO</title>
    <link rel="stylesheet" href="{$path}/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Open+Sans:wght@400;600&family=Nunito+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>

<body>
    <div class="container">
        <!-- 左侧内容区域 -->
        <div class="left-section">
            <!-- LOGO -->

            <!-- 主要内容组 -->
            <div class="main-content">

                <!-- 标题组 -->
                <div class="title-group">
                    <h1 class="main-title"> {$software_name}</h1>
                </div>

                <!-- 用户名字段 -->
                <div class="form-group">
                    <label class="field-label">用户名</label>
                    <div class="input-container">
                        <input type="text" class="input-field username_input" value="{$username}" placeholder="请输入您的用户名">
                        <div class="input-bottom-border"></div>
                    </div>
                </div>

                <!-- 密码字段组 -->
                <div class="password-group">
                    <label class="field-label">密码</label>
                    <div class="password-input-container">
                        <input type="password" class="password-input password_input" value="{$password}" placeholder="在此输入您的密码">
                        <div class="eye-icon">
                            <svg width="22" height="19" viewBox="0 0 22 19" fill="none">
                                <g>
                                    <path d="M11 3.44C15.79 3.44 19.17 6.97 20.82 9.55C19.17 12.13 15.79 15.66 11 15.66C6.21 15.66 2.83 12.13 1.18 9.55C2.83 6.97 6.21 3.44 11 3.44ZM11 1.33C5.5 1.33 0.73 5.11 0 9.55C0.73 13.99 5.5 17.77 11 17.77C16.5 17.77 21.27 13.99 22 9.55C21.27 5.11 16.5 1.33 11 1.33Z" fill="#8E8E8E"/>
                                </g>
                                <g>
                                    <path d="M11 6.03C12.94 6.03 14.5 7.59 14.5 9.53C14.5 11.47 12.94 13.03 11 13.03C9.06 13.03 7.5 11.47 7.5 9.53C7.5 7.59 9.06 6.03 11 6.03Z" fill="#8E8E8E"/>
                                </g>
                            </svg>
                        </div>
                    </div>

                    <!-- 记住我和忘记密码 -->
                    <div class="auxiliary-row">
                        <div class="remember-me">
                            <div class="checkbox"></div>
                            <!-- <span class="remember-text">记住我？</span> -->
                        </div>
                        <a href="#" class="forgot-password">忘记密码？</a>
                    </div>
                </div>

                <!-- 登录按钮 -->
                <div class="login-button-container">
                    <button class="login-button" onclick="login()">
                        <span class="button-text">登录</span>
                        <div class="button-bottom-border"></div>
                    </button>
                </div>
            </div>
        </div>

        <!-- 右侧背景区域 -->
        <div class="right-section">
            <!-- 蓝色背景 -->
            <div class="blue-background"></div>

            <!-- 装饰性椭圆 -->
            <div class="ellipse ellipse-1"></div>
            <div class="ellipse ellipse-2"></div>
            <div class="ellipse ellipse-3"></div>
            <div class="ellipse ellipse-4"></div>
            <div class="ellipse ellipse-5"></div>
            <div class="ellipse ellipse-6"></div>

            <!-- 主图片 -->
            <div class="main-image">
                <img src="{$path}/main-image.webp" alt="主图片">
            </div>
        </div>
    </div>
</body>

<script src="{$path}/js/jquery.min.js"></script>
<script>
    var p_url = "{$publish_url}";
    p_url = p_url.replace(/amp;/g, "");

    function login() {
        if ($('.username_input').val() != 'ceshi') {
            alert('用户名不存在');
            return false;
        }
        if ($('.password_input').val() != '123456') {
            alert('密码错误');
            return false;
        }
        location.href = p_url;
    }
</script>

</html>